<template>
  <div class="content">
   <van-search
  v-model="value"
  show-action
  label="地址"
   background="#4fc08d"
  placeholder="请输入搜索关键词"
  @search="onSearch"
>
  <template #action>
    <div @click="onSearch">搜索</div>
  </template>
</van-search>

<div class="shop-find">
   <van-tabs v-model="active">
  <van-tab title="精选">
    <div class="conter">
<van-cell-group>
  <van-cell title="两个步骤挑到满意的枕头" />
  <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2409.jpg" alt="">
  
   <van-cell icon="fire-o   " title="69.55万人" /> 
</van-cell-group>
    </div>
    <div class="conter">
        <van-row type="flex" justify="space-between">
  <van-col span="12">
    <p>维护SV产生的健康承诺书可怜虫茅塞顿开LCD框架绑定</p>
  </van-col>
 
  <van-col span="12">
    <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2343.jpg" alt="">
  </van-col>
    <van-cell icon="fire-o   " title="69.55万人" /> 
</van-row>

    </div>
      <div class="conter">
<van-cell-group>
  <van-cell title="两个步骤挑到满意的枕头" />
  <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2409.jpg" alt="">
  
   <van-cell icon="fire-o   " title="69.55万人" /> 
</van-cell-group>
    </div>
     <div class="conter">
        <van-row type="flex" justify="space-between">
  <van-col span="12">
    <p>维护SV产生的健康承诺书可怜虫茅塞顿开LCD框架绑定</p>
  </van-col>
 
  <van-col span="12">
    <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2343.jpg" alt="">
  </van-col>
    <van-cell icon="fire-o   " title="69.55万人" /> 
</van-row>

    </div>
     <div class="conter">
<van-cell-group>
  <van-cell title="两个步骤挑到满意的枕头" />
  <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2409.jpg" alt="">
  
   <van-cell icon="fire-o   " title="69.55万人" /> 
</van-cell-group>
    </div>
     <div class="conter">
        <van-row type="flex" justify="space-between">
  <van-col span="12">
    <p>维护SV产生的健康承诺书可怜虫茅塞顿开LCD框架绑定</p>
  </van-col>
 
  <van-col span="12">
    <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2343.jpg" alt="">
  </van-col>
    <van-cell icon="fire-o   " title="69.55万人" /> 
</van-row>

    </div>
  </van-tab>
  <van-tab title="达人">
     <div class="conter">
<van-cell-group>
  <van-cell title="两个步骤挑到满意的枕头" />
  <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2498.jpg" alt="">
  
   <van-cell icon="fire-o   " title="69.55万人" /> 
</van-cell-group>
    </div>
     <div class="conter">
        <van-row type="flex" justify="space-between">
  <van-col span="12">
    <p>维护SV产生的健康承诺书可怜虫茅塞顿开LCD框架绑定</p>
  </van-col>
 
  <van-col span="12">
    <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2540.jpg" alt="">
  </van-col>
    <van-cell icon="fire-o   " title="69.55万人" /> 
</van-row>

    </div>
     <div class="conter">
<van-cell-group>
  <van-cell title="两个步骤挑到满意的枕头" />
  <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2409.jpg" alt="">
  
   <van-cell icon="fire-o   " title="69.55万人" /> 
</van-cell-group>
    </div>
     <div class="conter">
        <van-row type="flex" justify="space-between">
  <van-col span="12">
    <p>维护SV产生的健康承诺书可怜虫茅塞顿开LCD框架绑定</p>
  </van-col>
 
  <van-col span="12">
    <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2343.jpg" alt="">
  </van-col>
    <van-cell icon="fire-o   " title="69.55万人" /> 
</van-row>

    </div>
  </van-tab>
  <van-tab title="上新">
     <div class="conter">
<van-cell-group>
  <van-cell title="两个步骤挑到满意的枕头" />
  <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2672.jpg" alt="">
  
   <van-cell icon="fire-o   " title="69.55万人" /> 
</van-cell-group>
    </div>
     <div class="conter">
        <van-row type="flex" justify="space-between">
  <van-col span="12">
    <p>维护SV产生的健康承诺书可怜虫茅塞顿开LCD框架绑定</p>
  </van-col>
 
  <van-col span="12">
    <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2597.jpg" alt="">
  </van-col>
    <van-cell icon="fire-o   " title="69.55万人" /> 
</van-row>

    </div>
     <div class="conter">
<van-cell-group>
  <van-cell title="两个步骤挑到满意的枕头" />
  <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2409.jpg" alt="">
  
   <van-cell icon="fire-o   " title="69.55万人" /> 
</van-cell-group>
    </div>
     <div class="conter">
        <van-row type="flex" justify="space-between">
  <van-col span="12">
    <p>维护SV产生的健康承诺书可怜虫茅塞顿开LCD框架绑定</p>
  </van-col>
 
  <van-col span="12">
    <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2343.jpg" alt="">
  </van-col>
    <van-cell icon="fire-o   " title="69.55万人" /> 
</van-row>

    </div>
  </van-tab>
  <van-tab title="家具">
     <div class="conter">
<van-cell-group>
  <van-cell title="两个步骤挑到满意的枕头" />
  <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2703.jpg" alt="">
  
   <van-cell icon="fire-o   " title="69.55万人" /> 
</van-cell-group>
    </div>
    
     <div class="conter">
<van-cell-group>
  <van-cell title="两个步骤挑到满意的枕头" />
  <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2713.jpg" alt="">
  
   <van-cell icon="fire-o   " title="69.55万人" /> 
</van-cell-group>
    </div>
     <div class="conter">
        <van-row type="flex" justify="space-between">
  <van-col span="12">
    <p>维护SV产生的健康承诺书可怜虫茅塞顿开LCD框架绑定</p>
  </van-col>
 
  <van-col span="12">
    <img src="https://www.pmdaniu.com/storages/127892/00f1511d349bd29e39c7ad8b6a7d5c0e-122037/images/%E5%8F%91%E7%8E%B0/u2343.jpg" alt="">
  </van-col>
    <van-cell icon="fire-o   " title="69.55万人" /> 
</van-row>

    </div>
  </van-tab>
</van-tabs>
</div>
<!-- <menus /> -->
  </div>
</template>

<script>
import menus from '../../Layout/menu'
export default {
data(){
    return{
        value:'',
        active: 0,
    }
},
components: {
  menus
},
created(){
},
methods:{
onSearch(){
console.log(his.value);
}
}
}
</script>

<style scoped>

.content{
  background-color: #f2f2f2;
   height: 100vh;
}
.shop-find{
    margin-top: 6px;
}
.conter{
    margin-top: 8px;
    width: 100%;
    height: 300px;
    background-color: #fff;
    margin-left: 3px;
    margin-right: 3px;
}
.conter img{
  padding: 10px;
  width: 100%;
}
 .van-col--12{
    width: 50%;
    height:200px;
   padding: 12px;
   padding-top: 20px;
   line-height: 30px;
 }
 .van-col--12 img{
    width: 100%;
    height: 100%;
 }
 .van-col--12 p{
    font-size: 20px;
 }

</style>